<extend name="Base/common"/>
<block name="style">
    <style type="text/css">
        .project{border-top:1px solid #e5e5e5;}
        .project .show{display: none;font-size: 14px;}
        .in .show{display: block;}
    </style>
</block>
<block name="body">

    <div class="page__bd">

        <div class="weui-cells">
            <volist name="list" id="data">
                <div class="project">
                    <div class="weui-cell weui-cell_access" data-url="{:U('Article/detail?id='.$data['id'])}">
                        <div class="weui-cell__bd">
                            <span style="vertical-align: middle">{$data.title}</span>
                        </div>
                        <div class="weui-cell__ft"></div>
                    </div>
                    <div class="weui-cell show">{$data.description}</div>
                </div>
            </volist>

        </div>
    </div>
</block>
<block name="script">
    <script type="text/javascript" charset="utf-8">
        //导航高亮
        $(function(){
            $('.project').click(function(){
                $('.project').removeClass('in');
                $(this).addClass('in');
            });
        })

    </script>
</block>